import React from "react";

import { uniqueId } from "lodash";

const EmptyUsers = () => {
  const clipPathId = uniqueId("clip-path-");
  const filterId = uniqueId("filter-");

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="322"
      height="150"
      fill="none"
    >
      <g clipPath={`url(#${clipPathId})`}>
        <path
          fill="#F1F0FF"
          d="M161.5 150c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75Z"
        />
        <g filter={`url(#${filterId})`}>
          <path
            fill="#fff"
            d="M312.075 35H10.925C6.548 35 3 38.582 3 43v64c0 4.418 3.548 8 7.925 8h301.15c4.377 0 7.925-3.582 7.925-8V43c0-4.418-3.548-8-7.925-8Z"
          />
          <path
            stroke="#C5C7D1"
            d="M311.606 34H11.394C6.758 34 3 37.853 3 42.605v64.79C3 112.147 6.758 116 11.394 116h300.212c4.636 0 8.394-3.853 8.394-8.605v-64.79c0-4.752-3.758-8.605-8.394-8.605Z"
          />
        </g>
        <path fill="#C5C7D1" d="M107 77H19a3 3 0 1 0 0 6h88a3 3 0 1 0 0-6Z" />
        <path fill="#E2E4EA" d="M119 97H19a3 3 0 1 0 0 6h100a3 3 0 1 0 0-6Z" />
        <path fill="#C5C7D1" d="M286 77h-61a3 3 0 1 0 0 6h61a3 3 0 1 0 0-6Z" />
        <path fill="#E2E4EA" d="M304 97h-79a3 3 0 1 0 0 6h79a3 3 0 1 0 0-6Z" />
        <path fill="#D9D9FE" d="M203 77h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z" />
        <path fill="#F1F0FF" d="M191 97h-40a3 3 0 1 0 0 6h40a3 3 0 1 0 0-6Z" />
        <path
          fill="#F9FAFC"
          stroke="#C5C7D1"
          d="M319.506 65H320V42.5a8.552 8.552 0 0 0-2.459-6.01 8.34 8.34 0 0 0-5.935-2.49H11.394a8.341 8.341 0 0 0-5.935 2.49A8.555 8.555 0 0 0 3 42.5V65h316.506Z"
        />
        <path
          fill="#8B8FA2"
          d="M16.77 53v-7.05h.96l3.79 4.92v-4.92h1.19V53h-.95l-3.8-4.94V53h-1.19Zm8.97.1c-.353 0-.67-.067-.95-.2a1.721 1.721 0 0 1-.65-.56 1.406 1.406 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V53h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15a.516.516 0 0 0-.36.52c0 .22.077.4.23.54.154.14.367.21.64.21Zm3.62.76v-4.89h1.22v.75c.14-.26.352-.475.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm11.159.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33.213-.38.503-.677.87-.89.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12a2.33 2.33 0 0 0 .75-.4l.35.84c-.261.208-.56.364-.88.46-.354.113-.707.17-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33ZM148.77 53v-7.05h3.06c.773 0 1.37.187 1.79.56.42.367.63.883.63 1.55 0 .527-.137.963-.41 1.31-.273.34-.667.57-1.18.69.34.107.62.363.84.77l1.18 2.17h-1.41l-1.22-2.25c-.12-.22-.263-.37-.43-.45-.16-.08-.367-.12-.62-.12h-.95V53h-1.28Zm1.28-3.77h1.56c.933 0 1.4-.38 1.4-1.14 0-.753-.467-1.13-1.4-1.13h-1.56v2.27Zm7.559 3.87c-.507 0-.947-.103-1.32-.31a2.158 2.158 0 0 1-.87-.88c-.207-.387-.31-.84-.31-1.36 0-.52.103-.97.31-1.35.198-.372.5-.678.87-.88.373-.207.813-.31 1.32-.31.506 0 .946.103 1.32.31.373.207.663.5.87.88.206.38.31.83.31 1.35 0 .52-.104.973-.31 1.36-.207.38-.497.673-.87.88-.374.207-.814.31-1.32.31Zm0-.95c.373 0 .673-.133.9-.4.226-.273.34-.673.34-1.2 0-.533-.114-.93-.34-1.19-.227-.267-.527-.4-.9-.4-.374 0-.674.133-.9.4-.227.26-.34.657-.34 1.19 0 .527.113.927.34 1.2.226.267.526.4.9.4Zm3.531.85v-7.05h1.25V53h-1.25Zm4.949.1c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12.274-.087.524-.22.75-.4l.35.84c-.261.208-.56.364-.88.46a3.45 3.45 0 0 1-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33ZM222.77 53v-7.05h4.69v1.02H224v1.94h3.24v1.02H224v2.05h3.46V53h-4.69Zm5.867 0v-4.89h1.22v.75c.146-.267.35-.473.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm10.359.1c-.353 0-.67-.067-.95-.2a1.727 1.727 0 0 1-.65-.56 1.403 1.403 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V53h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15a.516.516 0 0 0-.36.52c0 .22.077.4.23.54.154.14.367.21.64.21Zm3.519-5.18v-1.22h1.4v1.22h-1.4Zm.08 5.94v-4.89h1.25V53h-1.25Zm2.549 0v-7.05h1.25V53h-1.25Z"
        />
      </g>
      <defs>
        <clipPath id={clipPathId}>
          <path fill="#fff" d="M0 0h322v150H0z" />
        </clipPath>
        <filter
          id={filterId}
          width={324}
          height={93}
          x={-0.5}
          y={33.5}
          colorInterpolationFilters="sRGB"
          filterUnits="userSpaceOnUse"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            result="hardAlpha"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          />
          <feOffset dy={7} />
          <feGaussianBlur stdDeviation={1.5} />
          <feColorMatrix values="0 0 0 0 0.0980392 0 0 0 0 0.129412 0 0 0 0 0.278431 0 0 0 0.1 0" />
          <feBlend
            in2="BackgroundImageFix"
            result="effect1_dropShadow_121_213"
          />
          <feBlend
            in="SourceGraphic"
            in2="effect1_dropShadow_121_213"
            result="shape"
          />
        </filter>
      </defs>
    </svg>
  );
};

export default EmptyUsers;
